import styled from 'styled-components'

export const HeaderContainer = styled.div`
  .nav-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 64px;

    .logo {
      display: flex;
      align-items: center;
    }

    .nav-item-container {
      display: flex;
      justify-content: space-evenly;
      width: 500px;

      .nav-item {
        min-width: 70px;
      }
    }

    .separator {
      height: 18px;
      border-right: 4px solid #ccc;
      margin-right: 38px;
    }

    .now-version-container {
      .now-version {
        margin-left: 10px;
        color: red;
      }
    }
  }
`
